<template>
  <div>
    <div class="main_navigator">
      <el-breadcrumb separator="/" style="font-size:18px;">
        <el-breadcrumb-item>
          <span @click="goBack">返回</span>
        </el-breadcrumb-item>
        <el-breadcrumb-item>{{crumbOne}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{crumbTwo}}</el-breadcrumb-item>
        <el-breadcrumb-item>
          <span :class="active_crumb">{{crumbThree}}</span>
        </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="main_content"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loading: "",
      active_crumb: "active_crumb", //面包屑当前颜色
      tableHeaderStyle: {
        "background-color": "rgb(201,222,251)"
      },
      crumbOne: "一级菜单",
      crumbTwo: "二级菜单",
      crumbThree: "三级菜单"
    };
  },
  components: {},
  methods: {
    goBack() {
      this.$router.go(-1);
    },
    openLoading() {
      this.loading = this.$loading({
        lock: true,
        text: "Loading",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)"
      });
    }
  },
  created() {},
  mounted() {}
};
</script>
<style scoped>
.active_crumb {
  color: rgb(90, 160, 230);
}
</style>


